<script setup lang="ts">
import { ref } from 'vue'

const tabbar = ref([
    {
        name: '广场',
        activeName: 'square',
        activeColor: '#FF7642',
        icon: '../static/images/tab-bar/home.png',
        activeIcon: '../static/images/tab-bar/home-active.png',
    },
    {
        name: '打卡',
        activeName: 'clock',
        activeColor: '#FF7642',
        icon: '../static/images/tab-bar/add.png',
        activeIcon: '../static/images/tab-bar/clock.png',
    },
    {
        name: '我的',
        activeName: 'mine',
        activeColor: '#FF7642',
        icon: '../static/images/tab-bar/my.png',
        activeIcon: '../static/images/tab-bar/my-active.png',
    },
])
</script>

<template>
    <view class="w-full flex">
        <view v-for="(i, index) in tabbar" :key="index">
            <img class="h-30rpx w-30rpx" :src="i.icon" alt="">
            <view>{{ i.name }}</view>
        </view>
    </view>
</template>

<style scoped>

</style>
